@charset "utf-8";
/* CSS Document */

.warp{ min-width:1200px; max-width:1920px; border:solid #F00 0px; overflow:hidden}
.center{ width:1200px; margin:middle}

.banner{/* background:url(../images/banner-1.png) center no-repeat;*/ height:552px; position:relative;}
.banner .banner-cont{}
.banner .banner-cont li{ height:550px}
.banner .bannera{position: absolute;width: 100%; height: 552px; top: 0;left: 0;}
.banner .swiper-pagination{ bottom:90px}
.banner .swiper-pagination-bullet{ background:#FFF; width:10px; height:10px; opacity:.5}
.banner .swiper-pagination-bullet-active{ opacity:1}
.banner .banner-text{ font-size:54px; color:#fff; line-height:65px; text-align:center; padding-top:150px; letter-spacing:6px}
.banner .banner-text span{ display:block; font-size:24px; line-height:36px; letter-spacing:1px}
.entry-box{ position:absolute; background:#FFF; width:1200px; height:88px; border-radius:7px; box-shadow:rgba(0,0,0,.2) 0 0 8px; margin-left:-600px; bottom:-16px; left:50%; z-index:999}
.entry-box .entry-login{ float:left; width:271px; height:56px; padding:16px 0; position:relative}
.entry-box .entry-login:after{ content:""; position:absolute; background:#EDEDED; width:1px; height:56px; top:16px; right:0}
.entry-box .entry-login .el-img{ float:left; width:50px; height:50px; margin-left:26px}
.entry-box .entry-login .el-img img{ width:100%}
.entry-box .entry-login .el-right{ float:left; width:170px; padding-top:19px; margin-left:18px}
.entry-box .entry-login .el-name{ font-size:14px; color:#666; line-height:19px}
.entry-box .entry-login .el-link{ padding-top:4px; overflow:hidden}
.entry-box .entry-login .el-link a{ float:left; font-size:16px; color:#e51c2c; line-height:21px; margin:0 20px 0 8px}
.entry-box .entry-center{ float:left; width:582px}
.entry-box .entry-center ul{ overflow:hidden}
.entry-box .entry-center li{ float:left; width:194px; text-align:center; padding-top:15px}
.entry-box .entry-center li i{ display:block; width:38px; height:38px; margin:0 auto; background:url(../images/index-icon.png) no-repeat}
.entry-box .entry-center li:nth-child(1) i{ background-position:0 0}
.entry-box .entry-center li:nth-child(2) i{ background-position:-38px 0}
.entry-box .entry-center li:nth-child(3) i{ background-position:-76px 0}
.entry-box .entry-center li span{ display:block; font-size:14px; color:#666; line-height:19px; padding-top:6px}
.entry-box .entry-right{ float:left; width:345px; height:88px; border-left:solid 1px #E5E5E5}
.entry-box .entry-right li{ height:43px; line-height:43px; padding-left:24px; font-size:14px; color:#666; border-bottom:solid 1px #E5E5E5; position:relative}
.entry-box .entry-right li dl dd{
   display: block;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.entry-box .entry-right li span{ color:#e51c2c}
.entry-box .entry-right li a{ color:#666;}

.entry-box .entry-right li:last-child{ padding-left:60px; border-bottom:none; font-size:12px; color:#4c4c4c; cursor:pointer}
.entry-box .entry-right li:last-child:before{ content:""; position:absolute; width:29px; height:23px; background:url(../images/index-icon.png) no-repeat; background-position:0 -38px; top:10px; left:24px}
.entry-box .entry-right li .er-erweima{ position:absolute; background:#999; width:130px; height:130px; border:solid 9px #FFF; border-radius:4px; box-shadow:#999 0 0 1px; top:40px; left:60px; display:none}
.entry-box .entry-right li .er-erweima img{ width:100%}
.entry-box .entry-right li:last-child:hover .er-erweima{ display:block}

.title{ min-height:36px; line-height:36px; overflow:hidden}
.title span{ float:left; font-size:30px; color:#333; padding-left:18px; position:relative;font-weight: bold}
.title span:before{ content:""; position:absolute; background:#E51C2C; width:6px; height:28px; top:6px; left:0}

.block-1{ margin-top:82px}
.block-1 .intro-top{ background:#FAFAFA; height:432px; margin-top:36px; box-shadow:rgba(0,0,0,.1) 0 0 8px; overflow:hidden}
.block-1 .intro-left{ float:left; width:490px; padding-top:39px; margin-left:32px}
.block-1 .intro-left .il-title{ font-size:30px; color:#333; line-height:36px}
.block-1 .intro-left .il-text{ width:457px; font-size:14px; color:#333; line-height:26px; margin-top:19px}
.block-1 .intro-left .il-btn{ margin-top:26px}
.block-1 .intro-left .il-btn a{ display:block; width:178px; height:38px; text-align:center; line-height:38px; border:solid 1px #E51C2C; font-size:16px; color:#e51c2c}
.block-1 .intro-left .il-bom{ margin-top:32px}
.block-1 .intro-left .il-bom ul{ overflow:hidden}
.block-1 .intro-left .il-bom li{ float:left; width:80px; margin-right:16px}
.block-1 .intro-left .il-bom li i{ display:block; background:#F4F3F8; width:80px; height:72px; border-radius:6px; position:relative}
.block-1 .intro-left .il-bom li i:before{ content:""; position:absolute; width:40px; height:40px; background:url(../images/index-icon.png) no-repeat; background-position:0 -61px; top:16px; left:20px}
.block-1 .intro-left .il-bom li:nth-child(1) i:before{ background-position:0 -61px}
.block-1 .intro-left .il-bom li:nth-child(2) i:before{ background-position:-40px -61px}
.block-1 .intro-left .il-bom li:nth-child(3) i:before{ background-position:-80px -61px}
.block-1 .intro-left .il-bom li:nth-child(4) i:before{ background-position:-120px -61px}
.block-1 .intro-left .il-bom li:nth-child(5) i:before{ background-position:-160px -61px}
.block-1 .intro-left .il-bom li span{ display:block; font-size:16px; color:#333; line-height:21px; text-align:center; margin-top:15px}
.block-1 .intro-right{ float:right; width:608px; height:432px}
.block-1 .intro-right video{ width: 100%; height: 100%;}
.block-1 .intro-bom{ margin-top:46px}
.block-1 .intro-bom ul{ overflow:hidden}
.block-1 .intro-bom li{ float:left; width:354px; padding:24px 23px 0; border-bottom:solid 1px #E5E5E5; overflow:hidden}
.block-1 .intro-bom li:nth-child(1n+4){ border-bottom:none}
.block-1 .intro-bom li .ib-icon{ float:left; width:40px; height:40px; background:url(../images/index-icon.png) no-repeat; background-position:0 -101px}
.block-1 .intro-bom li .ib-info{ float:right; width:292px}
.block-1 .intro-bom li .ib-info span{ display:block; font-size:16px; color:#333; line-height:23px; padding-bottom:4px}
.block-1 .intro-bom li .ib-info p{ height:69px; font-size:14px; color:#666; line-height:24px}
.block-1 .intro-bom li:nth-child(1) .ib-icon{ background-position:0 -101px}
.block-1 .intro-bom li:nth-child(2) .ib-icon{ background-position:-40px -101px}
.block-1 .intro-bom li:nth-child(3) .ib-icon{ background-position:-80px -101px}
.block-1 .intro-bom li:nth-child(4) .ib-icon{ background-position:-120px -101px}
.block-1 .intro-bom li:nth-child(5) .ib-icon{ background-position:-160px -101px}
.block-1 .intro-bom li:nth-child(6) .ib-icon{ background-position:-200px -101px}

.block-2{ margin-top:42px; position:relative}
.block-2 .title span{ margin-right:17px}
.block-2 .title i{ float:left; font-style:normal; font-size:18px; color:#666; border:solid 1px #999; line-height:26px; padding:0 10px; margin:4px 6px 0}
.block-2 .course-cont{ width:1184px; margin:36px 0 0}
.block-2 .course-cont li{ float:left; margin-left:112px; position:relative}
.block-2 .course-cont li:first-child{ margin-left:0}
.block-2 .course-cont li .course-img{ width:320px; height:408px}
.block-2 .course-cont li .course-locat{ position:absolute; background:#E51C2C; height:48px; line-height:48px; top:384px; right:0}
.block-2 .course-cont li .course-locat:before{ content:""; position:absolute; background:#FFF; width:1px; height:32px; top:8px; left:50%}
.block-2 .course-cont li .course-locat a{ float:left; width:119px; text-align:center; font-size:18px; color:#fff}
.block-2 .course-cont li .course-name{ font-size:18px; color:#333; line-height:27px; margin-top:37px}
.block-2 .course-cont li .course-text{ font-size:16px; color:#666; line-height:30px; padding:3px 0 10px}
.block-2 .course-cont li .course-text span{ display:block; color:#333}
.block-2 .course-cont li .course-text p{ width:280px}
.block-2 .course-cont li .course-details{ height:30px}
.block-2 .course-cont li .course-details a{ float:right; width:116px; height:28px; font-size:16px; color:#333; text-align:center; line-height:28px; border:solid 1px #E51C2C; border-radius:30px}
.block-2 .course-cont li .course-details a:hover{ background:#E51C2C; color:#FFF}
.block-2 .swiper-button-course{ position:absolute; width:100px; height:22px; margin-right:-546px; top:10px; right:50%}
.block-2 .swiper-button-course:before{ content:""; position:absolute; background:#FFF; width:50px; height:22px; margin-left:-25px; top:0; left:50%; z-index:9}
.block-2 .swiper-button-course .swiper-button-next{ background:none; width:40px; height:22px; margin:0; outline:none; top:0; right:0; transition:all 0.3s linear; z-index:1}
.block-2 .swiper-button-course .swiper-button-prev{ background:none; width:40px; height:22px; margin:0; outline:none; top:0; left:0; transition:all 0.3s linear; z-index:1}
.block-2 .swiper-button-course .swiper-button-next:before,.block-2 .swiper-button-course .swiper-button-prev:before{ content:""; position:absolute; background:#332D38; width:100%; height:2px; top:10px; left:0}
.block-2 .swiper-button-course .swiper-button-next:after{ content:""; position:absolute; width:14px; height:14px; border:solid 2px #332D38; border-top:none; border-right:none; margin-top:-8px; transform:rotate(-135deg); top:50%; right:0}
.block-2 .swiper-button-course .swiper-button-prev:after{ content:""; position:absolute; width:14px; height:14px; border:solid 2px #332D38; border-top:none; border-right:none; margin-top:-8px; transform:rotate(45deg); top:50%; left:0}
.block-2 .swiper-button-course .swiper-button-next:hover:before,.block-2 .swiper-button-course .swiper-button-prev:hover:before{ background:#E51C2C}
.block-2 .swiper-button-course .swiper-button-next:hover:after,.block-2 .swiper-button-course .swiper-button-prev:hover:after{ border:solid 2px #E51C2C; border-top:none; border-right:none}
.block-2 .swiper-button-course .swiper-button-next:hover{ right:-15px}
.block-2 .swiper-button-course .swiper-button-prev:hover{ left:-15px}

.block-3{ margin-top:62px}
.block-3 .teacher-cont{ background:url(../images/teacher-bj.jpg) center no-repeat; height:640px; margin-top:36px}
.block-3 .teacher-left{ float:left; width:631px; min-height:440px; padding-left:69px; margin-top:100px; background:url(../images/teacher-left-bor.png) top left no-repeat}
.block-3 .teacher-left li{ overflow:hidden; display:none}
.block-3 .teacher-left li.on{ display:block}
.block-3 .teacher-left li .teacherL-img{ float:left; width:208px; height:316px; background:#E51C2C; margin:73px 0 0 12px; position:relative}
.block-3 .teacher-left li .teacherL-img img{ position:absolute; right:12px; bottom:12px}
.block-3 .teacher-left li .teacherL-info{ float:left; width:334px; padding:60px 0 0 56px}
.block-3 .teacher-left li .teacherL-name{ font-size:36px; color:#e62b1a; line-height:39px}
.block-3 .teacher-left li .teacherL-text{ font-size:16px; color:#333; line-height:30px; padding-bottom:18px; position:relative}
.block-3 .teacher-left li .teacherL-text:before{ content:""; position:absolute; background:#E51C2C; width:50px; height:3px; bottom:0; left:0}
.block-3 .teacher-right{ float:right; width:456px; padding:71px 0 60px}
.block-3 .teacher-right ul{ overflow:hidden}
.block-3 .teacher-right li{ float:left; width:136px; height:136px; margin:0 4px 16px 12px; cursor:pointer; position:relative}
.block-3 .teacher-right li img{ position:relative; z-index:9}
.block-3 .teacher-right li:before{ content:""; position:absolute; background:#E51C2C; width:136px; height:136px; transition:all 0.3s linear; right:0; bottom:0; z-index:1}
.block-3 .teacher-right li.on:before{ right:-4px; bottom:-4px}
.block-3 .teacher-right .swiper-pagination{ bottom:20px}
.block-3 .teacher-right .swiper-pagination-bullet{ opacity:1; width:12px; height:12px; margin:0 9px}
.block-3 .teacher-right .swiper-pagination-bullet-active{ background:#E51C2C}
.block-3 .swiper-button-next{ background:none; width:40px; height:22px; margin:0; outline:none; top:auto; bottom:19px; right:7px; z-index:12}
.block-3 .swiper-button-prev{ background:none; width:40px; height:22px; margin:0; outline:none; top:auto; bottom:19px; left:15px; z-index:12}
.block-3 .swiper-button-next:before,.block-3 .swiper-button-prev:before{ content:""; position:absolute; background:#332D38; width:100%; height:2px; top:10px; left:0}
.block-3 .swiper-button-next:after{ content:""; position:absolute; width:14px; height:14px; border:solid 2px #332D38; border-top:none; border-right:none; margin-top:-8px; transform:rotate(-135deg); top:50%; right:0}
.block-3 .swiper-button-prev:after{ content:""; position:absolute; width:14px; height:14px; border:solid 2px #332D38; border-top:none; border-right:none; margin-top:-8px; transform:rotate(45deg); top:50%; left:0}

.block-4{ margin-top:70px}
.block-4 .open-cont{ overflow:hidden; border-radius:7px; margin-top:36px}
.block-4 .open-cont dl{ overflow:hidden}
.block-4 .open-cont dl img{ width:100%}
.block-4 .open-cont dl dt,.block-4 .open-cont dl dd{ float:left; position:relative}
.block-4 .open-cont dl dt{ width:1200px; height:328px}
.block-4 .open-cont dl dd{ width:300px; height:244px}
.block-4 .open-cont dl span{ position:absolute; font-size:18px; color:#fff; line-height:24px; bottom:20px; left:24px}
.block-4 .open-cont dl dt span{ font-size:24px}

.block-5{ margin-top:70px}
.block-5 .service-cont{ margin-top:37px}
.block-5 .service-cont ul{ overflow:hidden}
.block-5 .service-cont li{ float:left; width:300px; text-align:center}
.block-5 .service-cont li i{ display:block; width:144px; height:144px; margin:0 auto; border-radius:144px; background-color:#E51C2C; background-image:url(../images/service-icon.png); background-position:0 0}
.block-5 .service-cont li span{ display:block; font-size:18px; color:#333; line-height:24px; margin-top:20px}
.block-5 .service-cont li:nth-child(1) i{ background-position:0 0}
.block-5 .service-cont li:nth-child(2) i{ background-position:-144px 0}
.block-5 .service-cont li:nth-child(3) i{ background-position:-288px 0}
.block-5 .service-cont li:nth-child(4) i{ background-position:-432px 0}

.block-6{ margin-top:76px}
.block-6 .cpartner-cont{ padding:34px 0}
.block-6 .cpartner-option{ width:152px; margin:0 auto; text-align:center; overflow:hidden}
.block-6 .cpartner-option span{ float:left; width:76px; border-bottom:solid 1px #A0A0A0; font-size:18px; color:#333; line-height:27px; padding-bottom:12px; cursor:pointer; position:relative}
.block-6 .cpartner-option span:before{ content:""; position:absolute; background:#E51C2C; width:100%; height:3px; bottom:-1px; left:0; display:none}
.block-6 .cpartner-option span.on:before{ display:block}
.block-6 .cpartner-box{ margin-top:46px}
.block-6 .cpartner-box li{ display:none}
.block-6 .cpartner-box li .cpartner-logo{ float:left; background:#FFF; width:200px; height:146px; text-align:center; line-height:146px; margin:0 0 34px 50px; box-shadow:rgba(0,0,0,.35) 0 5px 10px}
.block-6 .cpartner-box li .cpartner-logo:nth-child(5n+1){ margin-left:0}

.block-7{ background:#F9F9F9; padding:56px 0 46px}
.block-7 .prepare-cont{ margin-top:38px}
.block-7 .prepare-left{ float:left; background:#FFF; width:256px; height:482px; padding:0 24px; border-radius:7px; box-shadow:rgba(0,0,0,.16) 0 0 7px}
.block-7 .prepare-left .prepareL-title{ font-size:24px; color:#333; line-height:28px; text-align:center; padding-top:23px}
.block-7 .prepare-left .radio-right{ overflow:hidden; padding:51px 0px 18px 0px}
.block-7 .prepare-left .radio-right .opt{ max-width:128px; height:20px; line-height:16px; margin-bottom:13px}
.block-7 .prepare-left .radio-right .gender-radio{ position: absolute; display: none;}
.block-7 .prepare-left .radio-right label{position: relative; display: block; line-height:19px; padding-left:20px; cursor: pointer; vertical-align: middle; color:#333; font-size:16px}
.block-7 .prepare-left .radio-right .gender-radio + label:after{ position: absolute; display: none; content: ''; }
.block-7 .prepare-left .radio-right label:before{ position: absolute; top:3px; left:0; display: inline-block; width: 12px; height: 12px; content: ''; border:solid 1px #E62B1A;}
.block-7 .prepare-left .radio-right .gender-radio + label:after{ top:-1px; left:2px; width:18px; height:18px; background:url(../images/icon.png) no-repeat; background-position:-41px 0}
.block-7 .prepare-left .radio-right .gender-radio:checked + label:after{ display: block; }
.block-7 .prepare-left .ipt{ padding:0; border-bottom:solid 1px #333; margin-bottom:26px}
.block-7 .prepare-left .ipt label{ float:left; width:46px; font-size:18px; color:#999; line-height:29px}
.block-7 .prepare-left .ipt input{ float:left; width:200px; height:29px; border:none; padding:0; font-size:16px; color:#333; outline:none}
.block-7 .prepare-left .submit{ padding:3px 0 0 8px; overflow:hidden}
.block-7 .prepare-left .submit input{ float:left; background:#E51C2C; width:240px; height:58px; text-align:center; border:none; font-size:24px; color:#fff; cursor:pointer; outline:none}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#29a770;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#29a770;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#29a770;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#29a770;
}
.block-7 .prepare-right{ float:right; width:864px}
.block-7 .prepare-top{ position:relative}
.block-7 .prepare-top:before{ content:""; position:absolute; background:#999; width:896px; height:1px; bottom:0; left:-32px}
.block-7 .prepare-top span{ float:left; font-size:24px; color:#333; line-height:28px; padding-bottom:28px; margin-right:60px; cursor:pointer; position:relative}
.block-7 .prepare-top span:before{ content:""; position:absolute; background:#E62B1A; width:100%; height:2px; bottom:0; left:0; display:none}
.block-7 .prepare-top span.on:before{ display:block}
.block-7 .prepare-bom{ padding-top:32px}
.block-7 .prepare-bom ul{ overflow:hidden; display:none}
.block-7 .prepare-bom li{ float:left; width:272px; margin-right:16px}
.block-7 .prepare-bom dt{ width:272px; height:192px; margin-bottom:23px; overflow:hidden}
.block-7 .prepare-bom dt a img{ width: 100%;}
.block-7 .prepare-bom dd{ font-size:14px; color:#666; line-height:19px; padding:4px 0 5px}
.block-7 .prepare-bom dd a{
   display: block;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.block-7 .prepare-bom dd a:hover{ color:#e51c2c}

.block-8{ background:url(../images/8-bj.jpg) center no-repeat; height:500px; margin-top:66px; overflow:hidden}
.block-8 .title{ font-size:30px; color:#ffffff; line-height:36px; font-weight:bold; text-align:center; margin-top:80px}
.block-8 p{ width:1050px; margin:0 auto; font-size:24px; color:#ffffff; line-height:50px; margin-top:56px}
.block-8 a{ display:block; margin:64px auto 0; width:168px; font-size:18px; color:#ffffff; line-height:42px; border:solid 1px #FFF; border-radius:42px; text-align:center}

.block-9{ margin-top:66px}
.block-9 .prize-cont{ margin-top:32px; overflow:hidden}
.block-9 .prize-cont li{ float:left; width:220px; margin-left:25px}
.block-9 .prize-cont li:first-child{ margin-left:0}
.block-9 .prize-cont li .prize-txt{ font-size:16px; color:#333333; text-align:center; line-height:24px; margin-top:30px}

.block-10{ margin-top:66px}
.block-10 .media-cont{ width:1048px; margin:32px auto 0; overflow:hidden}
.block-10 .media-cont li{ float:left; margin:0 15px}
.block-10 .media-cont li a{ display:block; width:230px; height:110px; border:solid 1px #BFBFBF; border-radius:19px; text-align:center; line-height:110px}

.slide-show{ padding:40px 0}
.slide-show ul{ overflow:hidden}
.slide-show li{ float:left; width:308px; text-align:center}


.friendship-box{background:#F9F9F9;border-bottom:solid 1px #E6E6E6;}
.friendship{ padding:36px 0;}
.friendship-title{ font-size:14px; color:#333; line-height:19px}
.friendship-link{ padding-top:8px}
.friendship-link ul{ overflow:hidden}
.friendship-link li{ display: inline-block; font-size:12px; color:#333; line-height:18px; margin-right:12px}
.friendship-link li a{color: #999999;}